.orderNav{width: 100%;height: 45px;border-bottom: 1px solid #ccc;display: flex;justify-content: space-between;align-items: center;
}
.orderNav>div:nth-child(1){width: 120px;height: 25px;display: flex;margin-left: 35px;
}
.orderNav>div:nth-child(1) img{width: 25px;height: 25px;
}
.orderNav>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT{width: 220px;display: flex;align-items: center;
}
.userNavT>div:nth-child(1){display: flex;
}
.userNavT>div:nth-child(1) img{width: 20px;height: 20px;margin-top: 3px;
}
.userNavT>div:nth-child(1) div{line-height: 25px;margin-left: 5px;padding: 0;color: #333;font-size: 14px;
}
.userNavT>div:nth-child(2){color: #888;font-size: 14px;cursor: pointer;
}

.orderData {margin-top: 40px;width: 100%;display: flex;justify-content: center;flex-wrap: wrap;
  }
  
  .selectData {width: 95%;height: 50px;border-top-left-radius: 5px;border-top-right-radius: 5px;background-color: #fff;border-bottom: 1px solid #8492a6;display: flex;border: 1px solid #efefef;border-top: 2px solid #3c8dbc;border-bottom: 1px solid #8492a6;
  }
  
  .selectPay {min-width: 250px;height: 50px;display: flex;align-items: center;text-align: center;margin-left: 30px;color: #000;
  }
  
  .selectPay>div:nth-child(1) {width: 80px;font-size: 15px;color: #000;
  }
  
  .selectPay>div:nth-child(2) {width: 80px;height: 33px;line-height: 33px;font-size: 14px;margin-left: 10px;cursor: pointer;color: #000;border: 1px solid #ccc;border-top-left-radius: 3px;border-bottom-left-radius: 3px;overflow: hidden;
  }
  .selectData .selectPay .payClo{background-color: #3c8dbc;color: #fff;}
  .selectPay>div:nth-child(4) {width: 80px;line-height: 33px;height: 33px;color: #000;border: 1px solid #ccc;font-size: 14px;cursor: pointer;border-left: 0;border-top-right-radius: 3px;border-bottom-right-radius: 3px;overflow: hidden;
  }
  
  .selectPay>div:nth-child(3) {width: 80px;line-height: 33px;height: 33px;color: #000;border: 1px solid #ccc;cursor: pointer;border-left: 0;font-size: 14px;overflow: hidden;
  }
  
  .details {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;min-height: 530px;background-color: #fff;width: 95%;border: 1px solid #efefef;
  }
  .details>ul{width: 100%;
  }
  .details>ul>li {display: flex;height: 50px;line-height: 50px;text-align: center;
  } 
  .details>ul>li>div {width: 16.66666666%;border-left: 1px solid #ddd;
  } 

  .details>ul>li>div:nth-child(6){border-right: 1px solid #ddd;
  }
  .details>ul .firstLi {border-bottom: 1px solid #8492a6;font-size: 15px;color: #000;font-weight: 600;background-color: rgb(245, 245, 245);
  }

  .details>ul .dataLi {border-bottom: 1px solid #ddd;cursor: pointer;height: 45px;font-size: 14px;line-height: 45px;color: #000;
  }
  
  .dataLi:hover {background-color: rgb(245, 245, 245);
  }
  .details>ul .nullLi>div:nth-child(1){width: 100%;text-align: center;}
  .details>ul .lastLi {display: flex;justify-content: space-between;border-top: 1px solid #8492a6;align-items: center;height: 55px;
  }
  .details>ul .lastLi>div{border: 0;}
  .lastLi .lastSel {width: 530px;height: 35px;margin-top: 3px;
  }
  
  .lastLi .lastPag {width: 50px;height: 35px;margin-top: 5px;
  }